
<?php
$action = '';
if (isset($_POST['hdAction'])) { 
    $action = $_POST['hdAction'];
}

// if actin is search then only show content in com_router
// not show master page
if ($action != 'searchItem' && $action != 'removeItem' && $action != 'minus' && $action != 'plus' && $action != 'searchArticle') {
    ?>
<!DOCTYPE html>
<html lang="en">
  <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <base href="<?php echo INDEX ?>" />
            <meta id="Keywords" name="Keywords" content="<?php echo $keyword; ?>" />
            <title>
                <?php echo $siteName ?><?php if (isset($_GET["alias"])) echo ':: ' . $_GET["alias"]; ?>
            </title>	

           
            <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

             <link href="css/font-awesome.css" rel="stylesheet">
            <link href="css/docs.css" rel="stylesheet" >
            <link href="css/bootstrap-social.css" rel="stylesheet" >
            
            <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
            <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
            <!--[if lt IE 9]>
              <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
              <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
            <![endif]-->
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
            <script src="js/bootstrap.min.js"></script>


                  <!-- hiệu ứng lick vào ảnh sẽ phóng to -->
            <link rel="stylesheet" href="templates/default/plugin/thickbox/thickbox.css" type="text/css" media="screen" />
            <script type="text/javascript" src="templates/default/plugin/thickbox/jquery.js"></script>
            <script type="text/javascript" src="templates/default/plugin/thickbox/thickbox.js"></script>
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
            <script type="text/javascript" src="templates/default/javascript/slideshow/slider.js"></script>
            
 

            <style type="text/css">
             
                body{
                    background: url('templates/default/images/bg.png');
                }

                .name_detail{
                    font-size: 20px;
                }
                .margin-top{
                    margin: 10px 0;
                }
                .tieude{
                    padding-left: 15px;
                    padding-top: 15px;
                    line-height: 50px;
                    font-size: 16px;
                    text-transform:uppercase;
                }

               /* .tieude:after{
                  content: "";
                  position: relative;
                  display: inline-block;
                  width: 80%;
                  height: 5px;
                  vertical-align: middle;
                  background: url('templates/default/images/dot_title.png');
                }*/


                .tieude_detail{
                    /*padding-left: 15px;*/
                    padding-top: 15px;
                    
                    font-size: 16px;
                    text-transform:uppercase;
                }
               /* .tieude_detail:after {
                  content: "";
                  position: relative;
                  display: inline-block;
                  width: 84%;
                  height: 5px;
                  vertical-align: middle;
                  background: url('templates/default/images/dot_title.png');
                }*/
                .tieude_detail a{
                    padding-left: 0;
                    color: #333;
                }
                .tieude_detail a:hover{
                    color:  #666;
                    text-decoration: none;
                }

                .tieude_splienquan{
                    padding-left: 15px;
                    margin-top: 25px;
                    
                    font-size: 14px;
                    text-transform:uppercase;
                }
               /* .tieude_splienquan:after {
                  content: "";
                  position: relative;
                  display: inline-block;
                  width: 84%;
                  height: 5px;
                  vertical-align: middle;
                  background: url('templates/default/images/dot_title.png');
                }*/
                
                .heighinput{height: 30px;background:#fff url('templates/default/images/search.png')  no-repeat right; }

                .background_menu{
                    margin:10px 0;
                    background: url('templates/default/images/bg_menu.png') repeat-x;
                    border: none;
                }

       
                .addToCart{
                    border:1px solid #9e9d9d;
                    padding:4px 10px;

                    border-radius: 5px;
                    background: #828282;
                    color:#fff;

                }
                .addToCart:hover{
                    color: #e4e2e2;
                    text-decoration: none;
                }

                .d_link{
                    color:#333;
                     font-size: 13px;
                }

                .d_link:hover{
                    color: #666;
                    text-decoration: none;
                   
                }

                .color-description{color:#808080;}
                .ratings{padding-left: 10px;}




                .page_num {
                    margin: 10px;
                }
                .page_num ul li.page_active a:link,
                .page_num ul li.page_active a:visited {border-radius: 3px;border: 1px solid #D6D6D6;background:  none repeat scroll 0% 0% #C8C8C8;font-weight: 700; padding: 4px 7px;  color: #000;font: 700 12px arial; text-decoration: none;}

                .page_num ul li.page_img a:link,
                .page_num ul li.page_img a:visited {border-radius: 3px;background: #fff;padding: 4px 7px; color: #000;border: 1px solid #D6D6D6;font: 400 12px arial; text-decoration: none; font-weight:400; }
                .page_num ul li.page_img a:hover { border-radius: 3px;border: 1px solid #D6D6D6;background: none repeat scroll 0% 0% #C8C8C8;font-weight: 700; color: #000;font: 700 12px arial;}
                .page_num ul li.page_img a:active {border-radius: 3px;border: 1px solid #D6D6D6;background: none repeat scroll 0% 0% #C8C8C8;font-weight: 700; color: #000;font: 700 12px arial; }

                .page_num ul li.page_text a:link,
                .page_num ul li.page_text a:visited {text-decoration: none;padding: 5px 0}
                .page_num ul li.page_text a:hover { color: #f50000;}
                .page_num ul li.page_text a:active { color: #f50000; }

                .page_num ul li.page_text a img{
                    margin: 0;
                }

                .page_num ul li{
                    display:inline;
                    padding-right: 5px;
                }
                #c_page_num{
                    padding:0;
                   float: left;
                }
                /*.img-responsive{
                    width: 300px;height: 300px;
                }*/
                .footer_top{
                    
                    background: #fff; 
                }
                .footer_bottom{
                    height: 50px;
                    background: url('templates/default/images/footer_bottom.png') repeat-x; 
                }

                .commant{
                    border: 1px solid #dddddd;
                    border-radius: 14px;
                }
            </style>
           <script type="text/javascript">
            $('ul li').click(
                        function(e)
                        {
                            $('ul li').removeClass('active');
                            $(e.currentTarget).addClass('active');
                        }
                );
         </script>

        </head>

        <body >
            
            <!-- Header -->
           <div class="container">
               <div class="row margin-top">

                   <div class="col-sm-4 col-xs-12 "><img src="templates/default/images/logo.png" class="img-responsive"/></div>
                   <div class="col-sm-8 col-xs-12 ">
                    <div class="row margin-top">
                        
                        <div class="col-sm-8 "></div>
                        <div class="col-sm-4 col-xs-12 "><input type="text" class="form-control heighinput"/></div>
                    </div>
                   

                   </div>

                </div>

           


            <!-- Menu -->
            <div class="row">  
                   <div class="col-sm-12 col-xs-12 ">
                        <nav class="navbar navbar-default background_menu" role="navigation">
                        <div class="container">
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                                    <span class="sr-only"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                                <a class="navbar-brand" href="#home"></a>
                            </div>

                            <!-- Collect the nav links, forms, and other content for toggling -->
                            <div class="collapse navbar-collapse navbar-ex1-collapse">
                                <?php 
                                include_once 'block/block_menu/index.php';
                            ?>
                            </div>
                            <!-- /.navbar-collapse -->
                        </div>
                        <!-- /.container -->
                    </nav>



                    <!-- </header> -->
                        
                      

                   </div>
            </div>


        </div>




           <!-- Slideshow -->
           <div class="row">
               <div id="cbp-fwslider"  class="col-sm-12 col-xs-12 cbp-fwslider">
                    <?php 
                        include_once 'block/block_slideshow/index.php';
                    ?>
                   </div>
           </div>
           <!-- contant -->
            <div class="container">
           <div class="row">
              
                    <?php 
                         include_once COMPONENT . DS . 'com_routers' . DS . 'index.php';
                    ?>
                  
            </div>
            </div>


            <div class="row">
                <div   class="col-sm-12 col-xs-12 footer_top">
                <div class="container">
                   <div class="row">
                       <div class="col-sm-4">
                           <img src="templates/default/images/logo.png" class="img-responsive"/>
                           <p>
                               
                          <div class="text-left">
                            <a class="btn btn-social-icon btn-dropbox" onclick="_gaq.push(['_trackEvent', 'btn-social-icon', 'click', 'btn-dropbox']);"><i class="fa fa-dropbox"></i></a>
                            <a class="btn btn-social-icon btn-facebook" onclick="_gaq.push(['_trackEvent', 'btn-social-icon', 'click', 'btn-facebook']);"><i class="fa fa-facebook"></i></a>
                            <a class="btn btn-social-icon btn-twitter" onclick="_gaq.push(['_trackEvent', 'btn-social-icon', 'click', 'btn-twitter']);"><i class="fa fa-twitter"></i></a>
                            <a class="btn btn-social-icon btn-tumblr" onclick="_gaq.push(['_trackEvent', 'btn-social-icon', 'click', 'btn-tumblr']);"><i class="fa fa-tumblr"></i></a>
                            <a class="btn btn-social-icon btn-yahoo" onclick="_gaq.push(['_trackEvent', 'btn-social-icon', 'click', 'btn-yahoo']);"><i class="fa fa-yahoo"></i></a>
                        </div>
                           
                           </p>
                       </div>

                       <div class="col-sm-4">
                        <h3>Liên hệ</h3>
                        <p> 
                        

                        <div>29 Cách Mạng Tháng 8, Phường Thới Bình, Quận Ninh Kiều, TP. Cần Thơ</div>
                        
                        <div>Điện thoại: (84-710)<strong>3762777</strong></div>

                        <div>Fax: (84-710) 3761937</div>

                        <div>Email: info@csp.vn</div>

                        <div> Website: <strong>www.csp.vn</strong></div>

                        </p>
                       </div>

                        <div class="col-sm-4">
                             <h3>Hỗ trợ trực tuyến</h3>

                             <div class="row">
                                 <div class="col-sm-3">
                                     <img src="templates/default/images/support1.png" class="img-circle">

                                 </div>

                                 <div class="col-sm-9">
                                    <div class="row">
                                         <div class="col-sm-12 commant">
                                            <p style="font-size:12px">
                                               Lorem ipsum dolor sit amet, consectetur adipiscing elit Integer dolor orci 
                                               <img src="templates/default/images/commant.png"  class="img-responsive pull-right">
                                            </p>
                                            
                                         </div>
                                     </div>
                                      
                                      
                                 </div>
                             </div>

                              <div class="row">
                                  &nbsp
                              </div>

                             <div class="row">
                                 <div class="col-sm-3">
                                     <img src="templates/default/images/support1.png" class="img-circle">

                                 </div>

                                 <div class="col-sm-9">
                                     <div class="row">
                                         <div class="col-sm-12 commant">
                                            <p style="font-size:12px">
                                               Lorem ipsum dolor sit amet, consectetur adipiscing elit Integer dolor orci 
                                               <img src="templates/default/images/commant.png"  class="img-responsive pull-right">
                                            </p>
                                            
                                         </div>
                                     </div>
                                      
                                      
                                 </div>
                             </div>

                             <div class="row">
                                  &nbsp
                              </div>
                        </div>


                   </div>
                   </div>
                </div>
                <div   class="col-sm-12 col-xs-12 footer_bottom">
                   
                </div>
           </div>

        </body>
    </html>
    <?php
}else {
    include_once COMPONENT . DS . 'com_routers' . DS . 'index.php';
}
?>